<template>
	<div>
		<el-form :model="form"  ref="formRef" label-width="50px" label-position="left">
			<el-form-item label="名称" prop="articleName">
                <el-row :gutter="26">
                    <el-col :xs="24" :sm="24" :md="24" :lg="36" :xl="24">	<el-input v-model="form.articleName" /></el-col>
                </el-row>
			</el-form-item>
			<el-form-item label="图片" prop="roleCode">
                <el-row :gutter="26">
               <!-- <update-img v-model="form.imageUrl"></update-img> -->
               <el-input v-model="form.imageUrl" />
            </el-row>
			</el-form-item>
	
		</el-form>
	</div>
</template>

<script setup lang="ts">
import { onMounted, reactive, ref, toRefs } from "vue";
import updateImg from '/@/components/update/updateImg.vue'
const formRef=ref()



const state=reactive({
    form:{
        articleName:"",
        imageUrl:"",
        id:""
    }
})
const empty=()=>{
	formRef.value.resetFields()
}
const pushForm=()=>{
    return state.form
}

const {form}=toRefs(state)
 
const fillFrom=(row:Object)=>{    
    state.form=row
}
defineExpose({
    pushForm,
    empty,
    fillFrom
 })
</script>

<style lang="scss" scoped>
</style>